<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<link rel="stylesheet" type="text/css" href="css/trends.css"/>
	<body>
	<div id="web">
		<header>
			<ul class="nav clearfix">
				<li><a href="info.html"><img src="img/index/topLogo1.png" alt="" /></a></li>
				<li><a href="indexSM.html"><img src="img/index/topLogo2.png" alt="" /></a></li>
				<li class="active"><a href="trends.html"><img src="img/index/topLogo3.png" alt="" /></a></li>
				<li><a href="TodayStar.html"><img src="img/index/topLogo4.png" alt="" /></a></li>
				<li><a href="search.html"><img src="img/index/topLogo5.png" alt="" /></a></li>
			</ul>
		</header>
		<section>
			<aside>
				<a class="new fr" href=""><img src="img/trends/new.png"/></a>
				<ul class="nav">
					<li class="active"><a href="">广场</a></li>
					<li><a href="">关注</a></li>
					<li><a href="">附近</a></li>
				</ul>
				
			</aside>
			<article>
				<div class="artShop">
					<div class="head clearfix">
						<div class="headInfoL fl">
							<a href="javascript:;"><img src="img/trends/add.png" alt="" /></a>
						</div>
						<div class="headInfoR fr">
							<a href=""><img src="img/trends/for.png" alt="" /></a>
						</div>
						<div class="headUser">
							<div class="headImg"><img src="img/trends/head.jpg" alt="" /></div>
							<p>Fion <span>V</span></p>
							<ul class="clearfix">
								<li>模特</li>
								<li>演员</li>
								<li>经纪</li>
							</ul>
						</div>
						<p class="headText">补发今天的外拍.希望大家喜欢.补发今天的外拍.希望大家
						喜欢.补发今天的外拍.希望大家喜欢.补发今天的外拍.希
						望大家喜欢.
						</p>
					</div>
					<ul class="show clearfix">
						<li><img src="img/trends/shop1.jpg" alt="" /></li>
						<li><img src="img/trends/shop2.jpg" alt="" /></li>
						<li><img src="img/trends/shop3.jpg" alt="" /></li>
						<li><img src="img/trends/shop4.jpg" alt="" /></li>
						<li><img src="img/trends/shop5.jpg" alt="" /></li>
						<li><img src="img/trends/shop6.jpg" alt="" /></li>
						<li><img src="img/trends/shop7.jpg" alt="" /></li>
						<li><img src="img/trends/shop8.jpg" alt="" /></li>
						<li><img src="img/trends/shop9.jpg" alt="" /></li>
					</ul>
					<div class="infomation clearfix">
						<div class="infoAddress fl clearfix">
							<p class="fl">2小时前</p>
							<p class="fr">
								<span><img src="img/trends/address.png"/></span>
								<span>广州</span>
								<span>10.8km</span>
							</p>
						</div>
						<ul class="fr clearfix">
							<li><input type="image" src="img/trends/getnew.png" /></li>
							<li>
								<span>86</span>
								<input type="image" src="img/trends/pen.png" />
							</li>
							<li>
								<span>443</span>
								<input type="image" src="img/trends/heart.png"" />
							</li>
						</ul>
					</div>
				</div>	
				<div class="artShop">
					<div class="head clearfix">
						<div class="headInfoL fl">
							<a href="javascript:;"><img src="img/trends/yes.png" alt="" /></a>
						</div>
						<div class="headInfoR fr">
							<a href=""><img src="img/trends/for.png" alt="" /></a>
						</div>
						<div class="headUser">
							<div class="headImg"><img src="img/trends/head.jpg" alt="" /></div>
							<p>Fion <span>V</span></p>
							<ul class="clearfix">
								<li>模特</li>
								<li>演员</li>
								<li>经纪</li>
							</ul>
						</div>
					</div>
					<ul class="show2 clearfix">
						<li><img src="img/trends/shop10.jpg" alt="" /></li>
						<li><img src="img/trends/shop11.jpg" alt="" /></li>
						<li><img src="img/trends/shop10.jpg" alt="" /></li>
						<li><img src="img/trends/shop11.jpg" alt="" /></li>
					</ul>
					<div class="infomation clearfix">
						<div class="infoAddress fl clearfix">
							<p class="fl">2小时前</p>
							<p class="fr">
								<span><img src="img/trends/address.png"/></span>
								<span>广州</span>
								<span>10.8km</span>
							</p>
						</div>
						<ul class="fr clearfix">
							<li><input type="image" src="img/trends/getnew.png" /></li>
							<li>
								<span>86</span>
								<input type="image" src="img/trends/pen.png" />
							</li>
							<li>
								<span>443</span>
								<input type="image" src="img/trends/heart.png"" />
							</li>
						</ul>
					</div>
				</div>	
				<div class="artShop">
					<div class="head clearfix">
						<div class="headInfoL fl">
							<a href="javascript:;"><img src="img/trends/add.png" alt="" /></a>
						</div>
						<div class="headInfoR fr">
							<a href=""><img src="img/trends/for.png" alt="" /></a>
						</div>
						<div class="headUser">
							<div class="headImg"><img src="img/trends/head.jpg" alt="" /></div>
							<p>Fion <span>V</span></p>
							<ul class="clearfix">
								<li>模特</li>
								<li>演员</li>
								<li>经纪</li>
							</ul>
						</div>
					</div>
					<div class="audio" id="audio">
						<div class="audio-bg">
							<img src="img/trends/audio.png" alt="" />
						</div>
						<div class="audio-stop">
							<img src="img/trends/stop.png"/>
						</div>
						<div class="audio-begin">
							<img src="img/trends/begin.png"/>
						</div>
					</div>
					<div class="progress clearfix">
						<p class="song">我总是在一个人在练习一个人</p>
						<div>
							<span class="btn"></span>
							<span class="playing"></span>
						</div>
						<audio>
							<source src="video/gai.mp3"></source>
						</audio>
						<span class="time">01:23</span>
					</div>
					<div class="infomation clearfix">
						<div class="infoAddress fl clearfix">
							<p class="fl">2小时前</p>
							<p class="fr">
								<span><img src="img/trends/address.png"/></span>
								<span>广州</span>
								<span>10.8km</span>
							</p>
						</div>
						<ul class="fr clearfix">
							<li><input type="image" src="img/trends/getnew.png" /></li>
							<li>
								<span>86</span>
								<input type="image" src="img/trends/pen.png" />
							</li>
							<li>
								<span>443</span>
								<input type="image" src="img/trends/heart.png"" />
							</li>
						</ul>
					</div>
				</div>
				<div class="artShop">
					<div class="head clearfix">
						<div class="headInfoL fl">
							<a href="javascript:;"><img src="img/trends/add.png" alt="" /></a>
						</div>
						<div class="headInfoR fr">
							<a href=""><img src="img/trends/for.png" alt="" /></a>
						</div>
						<div class="headUser">
							<div class="headImg"><img src="img/trends/head.jpg" alt="" /></div>
							<p>Fion <span>V</span></p>
							<ul class="clearfix">
								<li>模特</li>
								<li>演员</li>
								<li>经纪</li>
							</ul>
						</div>
					</div>
					<div class="artImg">
						<img src="img/trends/shop12.jpg" alt="" />
					</div>
					<div class="infomation clearfix">
						<div class="infoAddress fl clearfix">
							<p class="fl">2小时前</p>
							<p class="fr">
								<span><img src="img/trends/address.png"/></span>
								<span>广州</span>
								<span>10.8km</span>
							</p>
						</div>
						<ul class="fr clearfix">
							<li><input type="image" src="img/trends/getnew.png" /></li>
							<li>
								<span>86</span>
								<input type="image" src="img/trends/pen.png" />
							</li>
							<li>
								<span>443</span>
								<input type="image" src="img/trends/heart.png"" />
							</li>
						</ul>
					</div>
				</div>
				<div class="artShop">
					<div class="head clearfix">
						<div class="headInfoL fl">
							<a href="javascript:;"><img src="img/trends/add.png" alt="" /></a>
						</div>
						<div class="headInfoR fr">
							<a href=""><img src="img/trends/for.png" alt="" /></a>
						</div>
						<div class="headUser">
							<div class="headImg"><img src="img/trends/head.jpg" alt="" /></div>
							<p>Fion <span>V</span></p>
							<ul class="clearfix">
								<li>模特</li>
								<li>演员</li>
								<li>经纪</li>
							</ul>
						</div>
					</div>
					<div class="artImg2">
						<p>补发今天的录音，希望大家喜欢。</p>
						<div><img src="img/trends/shop13.jpg" alt="" /></div>
					</div>
					<div class="infomation clearfix">
						<div class="infoAddress fl clearfix">
							<p class="fl">2小时前</p>
							<p class="fr">
								<span><img src="img/trends/address.png"/></span>
								<span>广州</span>
								<span>10.8km</span>
							</p>
						</div>
						<ul class="fr clearfix">
							<li><input type="image" src="img/trends/getnew.png" /></li>
							<li>
								<span>86</span>
								<input type="image" src="img/trends/pen.png" />
							</li>
							<li>
								<span>443</span>
								<input type="image" src="img/trends/heart.png"" />
							</li>
						</ul>
					</div>
				</div>
				<div class="artShop">
					<div class="head clearfix">
						<div class="headInfoL fl">
							<a href="javascript:;"><img src="img/trends/add.png" alt="" /></a>
						</div>
						<div class="headInfoR fr">
							<a href=""><img src="img/trends/for.png" alt="" /></a>
						</div>
						<div class="headUser">
							<div class="headImg"><img src="img/trends/head.jpg" alt="" /></div>
							<p>Fion <span>V</span></p>
							<ul class="clearfix">
								<li>模特</li>
								<li>演员</li>
								<li>经纪</li>
							</ul>
						</div>
					</div>
						<div class="video" id="video">
							<!--<video poster="img/trends/video.jpg" preload="" controls="">
								<source src="video/Intermission-Walk-in_512kb.mp4"></source>
							</video>
							<div class="audio-stop">
							<img src="img/trends/stop.png"/>
						</div>
						<div class="audio-begin">
							<img src="img/trends/begin.png"/>
						</div>
						<div class="cir"></div>
							-->
							
							<div id="a1"></div>
					</div>
					<div class="infomation clearfix">
						<div class="infoAddress fl clearfix">
							<p class="fl">2小时前</p>
							<p class="fr">
								<span><img src="img/trends/address.png"/></span>
								<span>广州</span>
								<span>10.8km</span>
							</p>
						</div>
						<ul class="fr clearfix">
							<li><input type="image" src="img/trends/getnew.png" /></li>
							<li>
								<span>86</span>
								<input type="image" src="img/trends/pen.png" />
							</li>
							<li>
								<span>443</span>
								<input type="image" src="img/trends/heart.png"" />
							</li>
						</ul>
					</div>
				</div>
			</article>
		</section>
		<div id="moreWrap" class="more_wrap">
			<ul class="list" id="list">
				<li>收藏</li>
				<li>邀请合作</li>
				<li>屏蔽</li>
				<li>举报并屏蔽</li>
				<li>取消</li>
			</ul>
		</div>
	</div>
	<script src="js/getFont.js"></script>	
	<script type="text/javascript" src="js/getClass.js"></script>
	<script src="js/video.js"></script>
	<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>

<script type="text/javascript">

	var flashvars={

		f:'http://movie.ks.js.cn/flv/other/1_0.flv',

		c:0,

		b:1

		};

	var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'};

	CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','','',flashvars,params);

	/*

	CKobject.embedSWF(播放器路径,容器id,播放器id/name,播放器宽,播放器高,flashvars的值,其它定义也可省略);

	下面三行是调用html5播放器用到的

	*/

	var video=['video/Intermission-Walk-in_512kb.mp4->video/mp4'];

	var support=['iPad','iPhone','ios','android+false','msie10+false','webKit'];

	CKobject.embedHTML5('video','ckplayer_a1', 320,180,video,flashvars,support);
	var aVideo=document.getElementsByTagName('video')[0];;
	aVideo.poster="img/trends/video.jpg";

  </script>

	</body>
</html>
